*{
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_058nv1ms4mlw.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_058nv1ms4mlw.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_058nv1ms4mlw.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_058nv1ms4mlw.woff') format('woff'), /* chrome銆乫irefox */
  url('//at.alicdn.com/t/webfont_058nv1ms4mlw.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_058nv1ms4mlw.svg#NotoSansHans-Black') format('svg'); /* iOS 4.1- */
}
body{
  background: #F8F8F8;
  min-width: 1000px;
}
.ov {
  overflow: hidden;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.tpSix {
  margin-top: 60px;
}
.navIfram {
  height: 60px;
}
/* .layui-nav .layui-this a {
  color: #3382FF !important;
} */
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
  background-color: #3382FF;
}
.index_nav {
  text-align: right;
  background: #fff;
  padding-right: 100px;
}
.nav_title a {
  color: #000 !important;
  padding: 0 40px !important;
}
.nav_title a:hover {
  color: #000 !important;
}
.nav_ifram {
  position: relative;
  min-width: 980px;
}
.topFixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.logoImg {
  width: 147px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translateY(-50%);
  z-index: 999;
}
/* 杞挱鍥� */
.layui-carousel-ind li.layui-this {
  width: 30px;
  border-radius: 10px;
}
.layui-carousel-ind li {
  margin: 0 5px;
}
.oneBanImg {
  background: url('../../images/web/banner/indexbanner1@2x.png')center center no-repeat;
  background-size: 100% 100%;
}
.twoBanImg {
  background: url('../../images/web/banner/indexbanner02@2x.png')center center no-repeat;
  background-size: 100% 100%;
}
.threeBanImg {
  background: url('../../images/web/banner/indexbanner03@2x.png')center center no-repeat;
  background-size: 100% 100%;
}
.fourBanImg {
  background: url('../../images/web/banner/indexbanner04@2x.png')center center no-repeat;
  background-size: 100% 100%;
}
.fiveBanImg {
  background: url('../../images/web/banner/indexbanner05@2x.png')center center no-repeat;
  background-size: 100% 100%;
}
.sixBanImg {
  background: url('../../images/web/banner/indexbanner06@2x.jpg')center center no-repeat;
  background-size: 100% 100%;
}
.BannerContent {
  padding-left: 150px;
  padding-top: 100px;
}
.BannerContent h2 {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
}
.zhnlColor {
  color: #00FFD8;
}
.zhnlzh {
  border-top: 2px solid #FFF;
  padding-top: 15px;
}
.BannerContent p {
  color: #fff;
  padding-top: 8px;
  font-size: 15px;
}
.BannerERP {
  text-align: center;
}
.BannerERP h2 {
  text-align: center;
  padding-top: 100px;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
}
.BannerERP p {
  color: #fff;
  padding-top: 8px;
  font-size: 15px;
}
.BannerJiankong {
  text-align: left;
  padding-left: 150px;
}
.BannerJiankong h2 {
  text-align: left;
  padding-top: 100px;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
}
.BannerJiankong p {
  color: #fff;
  padding-top: 8px;
  font-size: 15px;
}
/* 瀵艰埅鏍忕澶� */
.iconshixiangyoujiantou- {
  vertical-align: middle;
}
.head_nav_chid dd a {
  padding: 0 20px !important;
  text-align: center !important;
}
.layui-nav .head_nav_chid dd.layui-this a, .head_nav_chid dd.layui-this {
  background: #1281F3;
  color: #fff !important;
}
/* --鏈嶅姟浜у搧-- */
.productService {
  text-align: center;
}
.productService h2 {
  font-weight: 700;
  padding-top: 46px;
  font-family: 'webfont';
}
.product_p {
  padding-top: 11px;
  color: #3E3A39;
  font-size: 14px;
}
.produce_sonP {
  font-size: 14px;
  padding-top: 4px;
  color: #3E3A39;
}
.product_span {
  text-decoration: underline ;
  color: #BDBDBD;
}
.productIndex_span {
  text-decoration: underline ;
  color: #1281F3;
}
.AllIcon {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 30px;
}
.AllIcon .sixIcon {
  padding-right: 34px;
  padding-left: 44px;
  text-align: center;
  color: #595757;
  cursor: pointer;
  position: relative;
}
.sixIcon .jiaoHide {
  position: absolute;
  left: 54%;
  transform: translateX(-50%);
  bottom: -30px;
}
.sixIcon i {
  font-size: 30px;
}
.AllIcon .sixIcon div {
  margin-top: 8px;
}
.sixIcon .iconerp {
  font-size: 40px;
}
.sixIcon .iconlvyou{
  font-size: 40px;
}
.sixIcon .iconshuifeiyiti{
  font-size: 40px;
}
.sixIcon .iconwenduji {
  font-size: 40px;
}
.zhinengdapeng,.xiaocx {
  padding-top: 4px;
}
.AllIcon .sixIcon .iconsmall {
  margin-top: 1px;
}
.activeBlue {
  color: #388CFE !important;
}
.allCut {
  margin-top: 20px;
}
.img_hide {
  display: none;
}
.img_show {
  display: block;
  padding-left: 150px;
}
.one_hide {
  height: 300px;
  background: url('../../images/web/banner/ZHGL.png')center center no-repeat;
  background-size: 100% 100%;
}

.one_hide h3 {
  font-weight: 700;
  color: #fff;
  z-index: 2999;
  padding-top: 70px;
  font-family: 'webfont';
}
.two_hide {
  height: 300px;
  background: url('../../images/web/banner/NY.png')center center no-repeat;
  background-size: 100% 100%;
}
.two_hide h3 {
  font-weight: 700;
  color: #fff;
  z-index: 2999;
  padding-top: 70px;
  font-family: 'webfont';
}
.three_hide {
  height: 300px;
  background: url('../../images/web/banner/DP.png')center center no-repeat;
  background-size: 100% 100%;
}
.three_hide h3 {
  font-weight: 700;
  color: #fff;
  z-index: 2999;
  padding-top: 70px;
  font-family: 'webfont';
}
.four_hide {
  height: 300px;
  background: url('../../images/web/banner/SFYT.png')center center no-repeat;
  background-size: 100% 100%;
}
.four_hide h3 {
  font-weight: 700;
  color: #fff;
  z-index: 2999;
  padding-top: 70px;
  font-family: 'webfont';
}
.five_hide {
  height: 300px;
  background: url('../../images/web/banner/XCX.png')center center no-repeat;
  background-size: 100% 100%;
}
.five_hide h3 {
  font-weight: 700;
  color: #fff;
  z-index: 2999;
  padding-top: 70px;
  font-family: 'webfont';
}
.six_hide {
  height: 300px;
  background: url('../../images/web/banner/JKY.png')center center no-repeat;
  background-size: 100% 100%;
}
.six_hide h3 {
  font-weight: 700;
  color: #fff;
  z-index: 2999;
  padding-top: 70px;
  font-family: 'webfont';
}

.img_show p {
  color: #fff;
  font-size: 14px;
  padding-top: 10px;
  width: 50%;
}
.show_more {
  height: 30px;
  line-height: 30px;
  background: #388CFE;
  margin-top: 20px;
}
.bannerShowMore {
  height: 30px;
  line-height: 30px;
  background: #fff;
  color: #388CFE;
  margin-top: 20px;
}
.bannerShowMore .icond-arrow-right {
  font-size: 12px;
  padding-left: 4px;
}
.bannerShowMore:hover {
  background: #fff ;
  color: #3382FF;
  opacity: 1;
}
.allSolve {
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #fff;
  cursor: pointer;
  margin-bottom: 30px;
}
.allSolve a {
  color: #388CFE;
}
.allSolve a i {
  color: #388CFE;
  padding-left: 6px;
}
.allCase {
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 30px;
}
.allCase a {
  color: #388CFE;
}
.allCase a i {
  padding-left: 6px;
}
.caseAllList {
  display: flex;
  justify-content: center;
}
.caseList {
  width: 200px;
  display: flex;
  flex-flow: column;
  margin-right: 36px;
  margin-top: 30px;
  text-align: center;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow:rgba(0,0,0,.3) 1px 1px 2px;
}
.caseList:hover {
  transform: translateY(-5px); 
}
.caseList::before {
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  height: 10px;  
  width: 100%; 
  opacity: 0; 
  content: '';
  z-index: -1; 
  position: absolute; 
  top: 100%; 
  left: 0%;  
  transition-duration: 0.3s; 
}
.caseList:hover::before{ 
   opacity: 1;
   transform: translateY(5px);
  }

.caseList h3 {
  font-weight: 700;
  font-size: 18px;
  padding-top: 10px;
}
.caseList span {
  font-size: 12px;
  color: #898989;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
}
.caseImg {
  width: 200px;
  height: 120px;
}
.caseImg img {
  width: 100%;
  height: 100%;
}
.lookBtn {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  margin: 10px auto;
}
.layui-carousel2>[carousel-item]>* {
  background: #f2f2f2 !important;
}
.layui-carousel2 .layui-carousel-ind .layui-this {
  background-color: #388CFE !important;
}
.layui-carousel2 .layui-carousel-ind ul {
  background: #f2f2f2;
}
.layui-carousel2 .layui-carousel-ind li {
  background: #8E8E8E;
}
.spanLong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height:32px;
  max-height:34px;
  margin-bottom:12px;
}
.h3Long {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-left:16px;
  padding-right:16px;
}
/* 鍝佺墝鍚堜綔 */
.ppaihezuo {
  padding-top: 60px !important;
}
.company{
  height: 500px;
  background: #E2E2E2;
  text-align: center;
  background: url('../../images/web/brand.png')  no-repeat;
  background-size:100% 100%;
}
.company_all {
  padding-left: 150px;
  padding-right: 150px;
  margin-top: 30px;
}
.company .productService  h2 {
  padding-top: 70px;
}
.company_ul li{
  float: left;
  width: 20%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.company_ul li img {
  width: 160px;
  height: 40px;
}
/* 涓氬姟鎷撳睍 */
.business {
  height: 500px;
  background: #F2F2F2;
  text-align: center;
  background: url('../../images/web/ditu.png')  no-repeat;
  background-size:500px 350px;
  background-position: center 140px;
}
.business_img {
  width: 440px;
  height:360px;
}
.company_all {
  overflow: hidden;
}
.company_all .companyList {
  float: left;
  width: 28%;
  margin-left: 2%;
  margin-right: 2%;
  text-align: center;
}
.companyList ul {
  margin-top: 20px;
  height: 130px;
  overflow: hidden;
}
.companyList ul li {
  overflow: hidden;
  white-space: nowrap; 
  text-overflow: ellipsis;
  width:100%;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 20px;
  line-height: 20px;
}
.companyList ul li a span {
  color: #999;
}
.knowMore {
  text-align: center;
  height: 120px;
  background: #ECF9FF;
}
.knowMore h3 {
  font-size: 20px;
  padding-top: 22px;
}
.knowMore h3 span {
  color: #1281F3;
}
.knowMore a {
  margin-top: 15px;
  background: #1281F3;
}
/* 鏂伴椈涓績 */
.companyNew{
  height: 500px;
  background: #E2E2E2;
}
/* 搴曢儴 */
.footer {
  background: #22272D;
  padding-left: 150px;
  padding-right: 150px;
  height: 400px;
  position: relative;
  /* min-width: 1000px; */
}
.footLeft {
  padding-left: 50px;
}
.footRight {
  /* padding-right: 40px;   */
  padding-top: 40px;
}
.footerList {
  color: #fff;
  float: left;
  padding-right: 60px;
  padding-top: 30px;
}
.footerList ul li a {
  color: #B5B5B6;
  font-size: 12px;
}
.footerList ul{
  padding-top: 10px;
}
.footerList ul li {
  padding-top: 2px;
  padding-bottom: 2px;
}
.footerList h4 {
  font-size: 16px;
}
.rightOvFooter {
  padding-right: 40px;
}
.dizhiFooter {
  color: #B5B5B6;
  text-align: right;
  padding-top: 130px;
  /* padding-right: 40px; */
  font-size: 12px;  
}
.zixunPhone {
  float: right;
  /* margin-right: 40px; */
  margin-top: 20px;
  background: #1281F3;
}
.foot_last {
  color: #B5B5B6;
  font-size: 12px;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}
.footerHeader {
  height: 100px;
  display: flex;
  justify-content: space-between; 
  border-bottom: 1px solid #7E7E7E;
}
.fHeaderList div {
  float: left;
  font-size: 12px;
}
.fHeaderList {
  overflow: hidden;
  padding-top: 25px;
  padding-left: 20px;
}
.fheaderIntro {
  padding-left: 15px;
  padding-top: 10px;
  color: #fff;
}
.oneFooter {
  min-width: 180px;
}
.twoFooter {
  min-width: 200px;
}
.threeFooter {
  min-width: 155px;
}
.fourFooter {
  min-width: 225px;
}
/* 闈㈠寘灞戝鑸� */
.breadCrumbs {
  height: 50px;
  line-height: 50px;
  background: #F0F0F0;
  padding-left: 150px;
  color: #898989;
  font-size: 14px;
  position: relative;
}
.breadCrumbs i {
  padding-right: 6px;
}
.breadCrumbs span {
  color: #3E3A39;
}
.breadCrumbs_case {
  line-height: 50px;
  color: #898989;
  font-size: 14px;
  position: relative;
  background: #F8F8F8;
}
.breadCrumbs_case i {
  padding-right: 6px;
}
.breadCrumbs_case span {
  color: #3E3A39;
}
.breadCrumbs_case .breadCaseTop {
  background: #F0F0F0;
  padding-left: 150px;
}
/* 鍒嗛〉 */
.layui-laypage-em {
  background: #1281F3 !important;
}
.aboutFenye {
  text-align: right;
  overflow: hidden;
}